
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1 ">
<link rel="stylesheet" type="text/css" href="/static/css/public.css">
<script type="text/javascript" src="/static/js/zepto.min.js"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<style type="text/css">
table{
    color: #767676;
    margin-top: 15px;
}
table td{padding-bottom: 10px;}
table a{color: #55AAFD!important;}
</style>
<body>
    <div class="divcenter" >
        <form id="form" method="post" action="">
            <div class="form">
                <div class="text-center title">登 陆</div>
                <table class="center">
                    <tr>
                        <td>登录名：</td>
                        <td><input type="text" class="full hcenter" id="name" name="name"></td>
                    </tr>
                    <tr>
                        <td>密码：</td>
                        <td><input type="password" class="full hcenter" id="password" name="password"></td>
                    </tr>
                    <tr>
                        <td><a href="/user/register">注册</a></td>
                        <td><input type="submit" id="sub" class="btn" value="登陆"></td>
                    </tr>
                </table>
            </div>
        </form>
    </div>
    <div class="palert" id="talert">
        <span>请输入用户名或密码</span>
        <input type="button" onclick="palert.close('#talert')" value="关闭">
    </div>
</body>
<script type="text/javascript">
    $('#form').on('submit', function(){
        if($('#name').val() == '' || $('#password').val() == ''){
            palert.open('#talert');
            return false;
        }
        return true;
    });
</script>
</html>